<template>
  <section class="jumbotron">
      <h3 class="jumbotron-heading">Search Github Users</h3>
      <div>
        <input type="text" placeholder="enter the name you search" v-model="keyword"/>&nbsp;<button  @click="getMessage">Search</button>
      </div>
    </section>
</template>

<script>
import axios from 'axios'
export default {
    name:'search',
    data(){
      return {
        keyword:''
      }
    },
    methods:{
      getMessage(){
        this.$bus.$emit('updateInfoData',{isFirst:false,isLoading:true,errorMessage:'',users:[]})
        axios.get(`https://api.github.com/search/users?q=${this.keyword}`).then(
          response => {
            console.log('请求成功！')
            this.$bus.$emit('updateInfoData',{isLoading:false,errorMessage:'',users:response.data.items})
          },
          error => {
            this.$bus.$emit('updateInfoData',{isLoading:false,errorMessage:error.message,users:[]})
            console.log('请求失败！',error.message)
          }
        )
      }
    }
}
</script>

<style>

</style>